@charset "utf-8";
/* CSS Document */

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;font-family:微软雅黑, YaHei, tahoma, arial, 'Hiragino Sans GB', 宋体;}
body{background:#fff;}
a,a:hover{color:#333;}

/*
*************************************
*/
img {
	width:100%;
	margin:0 auto;
}
.wrapper{
	width:100%;
	height:100%;
	background-color: #fff;
}
.wrapper .reg-main{
	max-width:1024px;
	min-width:320px;
	text-align:center;
	margin:0 auto;
}
.wrapper .reg-header{
}
.wrapper .reg-content-regbefore{
}
.wrapper .reg-content-regafter{
	display:none;
}

/*
*********** reg trade infomation ***************
*/
.wrapper .reg-info{
	display:none;
}

.wrapper .reg-trade-area{
	position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);vertical-align:middle;display:block;
}
.wrapper .reg-trade-area > table{table-layout:fixed;width:100%;height:100%}
.wrapper .reg-trade-area > table > tbody > tr > td{vertical-align:middle}

.wrapper .reg-trade-info{
	position:relative;
}
.wrapper .reg-trade-area ul{
	width:100%;
}
.wrapper .reg-trade-area li{
	width:50%;
	float:left;
}

.wrapper .reg-info .header{
	border:0;
	font-size:1.6em;
	color:#ff9900;
	line-height:24px;
}

.wrapper .reg-info .content{
	border:0;
	font-size:1.2em;
	color:#669999;
	text-align:center;
}
/*
***********Reg Btn Area **********
*/
.wrapper .reg-btn-area{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:8em;
	text-align:center;
}
.wrapper .reg-btn-border{
	width:100%;
	max-width:1024px;
	min-width:320px;
	height:100px;
	margin:0 auto;
	background-color: rgba(255,255,255,0.8)
}

.wrapper .reg-btn{
	width:70%;
	background-color:#3399cc;
	border:1px solid #3399cc;
	color:#fff;
	margin:0 auto;
	line-height:40px;
	height:40px;
	border-radius:2px;
	margin-top:1.8em;
	-webkit-appearance : none;
}

.wrapper .reg-btn-text{
	color:#2DA7E0;
	margin-top:0.5em;
}

/*
 ***** download area **********
*/
.wrapper .reg-download-area{
	position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);vertical-align:middle;
}
.wrapper .reg-download-area > table{table-layout:fixed;width:100%;height:100%}
.wrapper .reg-download-area > table > tbody > tr > td{vertical-align:bottom;}
.wrapper .reg-download-btn{
	position:relative;
	bottom:2em;
	-webkit-appearance : none;
}
/*
************* From ***************
*/
.wrapper .m-form{line-height:30px;color:#555;}
.wrapper .m-form .formitm{padding:10px 0 0;line-height:30px;}
.wrapper .m-form .formitm-1{text-align:center;vi}
.wrapper .m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;}
.wrapper .m-form .ipt{margin:0 auto;height:38px;width:83%;border:1px solid #A1B1C1;border-radius:2px;background-color:rgba(242,242,243,1); padding: 0 0 0 17%;}
.wrapper .m-form .ipt *{vertical-align:middle;}
.wrapper .m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#3891eb;}
.wrapper .m-form .ipt img{height:32px;margin:0 15px 0 5px;}
.wrapper .m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;}
.wrapper .m-form .ipt p{height:22px;line-height:22px;color:#999;}
.wrapper .m-form .tip{padding-top:10px;}
.wrapper .m-form .tip input{margin:0 5px 3px 0;}
.wrapper .m-form .tel{width:50%;}
.wrapper .m-form .input-group-addon{position:absolute;right:19px;top:70px;background-color:#3399cc;color:#fff;line-height:36px;width:25%;border:1px solid #3399cc;border-radius:0 2px 2px 0;}
.wrapper .m-form .formbtn{width:80%;background-color:#3399cc;border:1px solid #3399cc;color:#fff;margin:0 auto;line-height:40px;height:40px;border-radius:2px;}

.wrapper .m-form .input-icons{
	background: rgba(255,255,255,0) url("images/input-icon-all.png") scroll no-repeat;
	width:40px;
	height:38px;
	border-radius:3px 3px 0 0;
	border-left:0;
	position:absolute;
	left:21px;
}

.wrapper .m-form .input-icon-phone{
	background-position:5px -1px;
	top:70px;
}

.wrapper .m-form .input-icon-rand{
	background-position:5px -75px;
	 top:120px;
}

.wrapper .m-form .input-icon-home{
	background-position:5px -148px;
	top:170px;
}

.wrapper .m-form .input-icon-password{
	background-position:5px -220px;
	top:220px;
}

.wrapper .ui-select {
    background-image: url("images/ui-select.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height:22px;
    width:22px;
    vertical-align: middle;
}

.wrapper .checked{
	background-position: 0 -33px;
}

.wrapper .unchecked{
    background-position: 0 0;
}

.wrapper .ui-select input[type="checkbox"]{
	visibility: hidden;
}
.wrapper .agreecontract{
	font-size:1em;
	line-height:33px;
	vertical-align: middle;
}

.wrapper .m-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);vertical-align:middle;}
.wrapper .m-layer > table{table-layout:fixed;width:100%;height:100%;}
.wrapper .m-layer > table > tbody > tr > td{vertical-align:middle;}
.wrapper .m-layer .lywrap{position:relative;width:90%;max-width:320px;margin:0 auto;border:0 solid #fff;border-radius:3px;background-color:rgba(255,255,255,0.7);}
.wrapper .m-layer .lytt{position:relative;padding:10px;height:20px;margin:0 0 -1px;line-height:20px;border-radius:3px 3px 0 0;}
.wrapper .m-layer .lytt h2{float:left;margin-left:40%;margin-top:5%;font-size:16px;}
.wrapper .m-layer .lyclose{float:right;font-weight:bold;font-family:arial;font-size:24px;color:#aaa;cursor:pointer;}
.wrapper .m-layer .lyclose:hover{color:#aaa;}
.wrapper .m-layer .lyct:last-child,.m-layer .lybt{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.wrapper .m-layer .lyct:first-child{border-top-left-radius:5px;border-top-right-radius:5px;}
.wrapper .m-layer .lyct{padding:20px;}
.wrapper .m-layer .lybt{height:30px;line-height:30px;padding:10px;margin:-1px 0 0;border-top:1px solid #ddd;background:#f7f7f7;}
.wrapper .m-layer .lyother{float:left;color:#999;}
.wrapper .m-layer .lybtns{float:right;}
.wrapper .m-layer .lybtns button{float:left;margin-left:10px;}
.wrapper .m-layer.z-show{display:block;}